.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}

.nav {
    width: 100%;
    .px2rem(height, 410);
    img {
        width: 100%;
        height: 100%;
    }
}

.swiper-container {
    .px2rem(margin-top, 10);
}

.active {
    color: red; // border: 1px solid red;
    box-sizing: border-box; // border-radius: 50px;
}

.swiper-slide>span {
    .px2rem(width, 150);
    .px2rem(height, 45);
    text-align: center;
    .px2rem(line-height, 45);
    border: 1px solid #cccccc;
    float: left;
    border-radius: 50px;
}

.ulty {
    width: 100%;
    display: flex;
    justify-content: space-around;
    .list {
        width: 100%;
        .px2rem(height, 540);
        img {
            width: 95%;
            .px2rem(height, 400);
        }
        .h21 {
            .px2rem(font-size, 35);
        }
        .p {
            width: 100%;
            .px2rem(height, 50);
            .px2rem(padding-top, 20);
            color: red;
            .px2rem(font-size, 20);
            font-weight: bolder;
            .px2rem(line-height, 50);
            span {
                color: #cccccc;
                // .px2rem(padding-top, 20);
            }
            .sp {
                float: right;
                background: red;
                .px2rem(width, 50);
                .px2rem(height, 50);
                text-align: center;
                .px2rem(line-height, 50);
                .px2rem(margin-right, 30);
            }
        }
    }
}